
<div class="right-plate" id="synonymTable">
  <div class="table-thead" *ngIf="tabVal" [ngClass]="{'table-thead-scroll':tabVal.length > 17}">
    <table class="tableStyle table table-hover table-striped">
      <thead>
        <tr>
          <th class="w5 text-center">
            <input type="checkbox" #event (click)="_selectAll(event.checked,tabVal)" [checked]="isSelectAll">
          </th>
          <th class="w5 text-center max-w">序号</th>
          <th class="w20 text-left max-w">词语名称</th>
          <th class="w40 text-left max-w">同义词</th>
          <th class="w15 text-left max-w">状态</th>
          <th class="w15 text-left">操作</th>
        </tr>
      </thead>
    </table>
  </div>
  <div class="table-tbody">
    <table class="tableStyle table table-hover table-striped">
      <tbody>
        <tr *ngFor="let val of tabVal;let i = index">
          <td class="bs-checkbox w5 text-center">
            <input type="checkbox" #event (click)="_chose(event.checked,val.synonymId,tabVal.length)" [checked]="isChose">
          </td>
          <td class="w5 text-center">{{ i+1 }}</td>
          <td class="w20 text-left max-w" [title]="val.keywords">{{ val.keywords }}</td>
          <td class="w40 text-left max-w" ><span *ngFor="let v of val.synonymDetailsList">{{ v.keywords }} &nbsp;&nbsp;</span></td>
          <td class="w15 text-left max-w" >
            <span class="stateGreen" *ngIf="val.status === 0">启用</span>
            <span class="stateRed" *ngIf="val.status === -1">禁用</span>
          </td>
          <td class="w15 text-left max-w">
            <span title="编辑" class="btn-i" *ngIf="right['systemSynonym']['update']" data-toggle="modal" data-target="#synonymManagementUpdate" (click)="edit._details(val);initService._init(1)">
                <img src="assets/new/update.png" width="14px" height="14px">
            </span>
            <span title="同义词管理" class="btn-i-auto" *ngIf="right['systemSynonym']['synonymGl']" data-toggle="modal" data-target="#synonymManagementDetals" (click)="details._details(val);initService._init(1)">
                同义词管理
            </span>
          </td>
        </tr>

      </tbody>
    </table>
  </div>
</div>

<!-- 修改 BEGIN -->
<app-synonym-management-update #edit (onSubmit)="getTabList()"></app-synonym-management-update>
<!-- 修改 BEGIN -->

<!-- 同义词管理 BEGIN -->
<app-synonym-management-details #details (onSubmit)="getTabList()"></app-synonym-management-details>
<!-- 同义词管理 BEGIN -->